import { createRouter, createWebHistory } from 'vue-router'
import Cancer from '../views/Cancer.vue'

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/Cancer',
      name: 'Cancer',
      component: () => import('../views/Cancer.vue')
    },
    {
      path: '/Virgo',
      name: 'Virgo',
     
      component: () => import('../views/Virgo.vue')
    },
    {
      path: '/Scorpio',
      name: 'Scorpio',
      component: () => import('../views/Scorpio.vue')
    },
    {
      path: '/Aries',
      name: 'Aries',
      component: () => import('../views/Aries.vue')
    },
    {
      path: '/Capricorns',
      name: 'Capricorns',
      component: () => import('../views/Capricorns.vue')
    },
    {
      path: '/Libra',
      name: 'Libra',
      component: () => import('../views/Libra.vue')
    },
    {
      path: '/Gemini',
      name: 'Gemini',
      component: () => import('../views/Gemini.vue')
    },
    {
      path: '/Taurus',
      name: 'Taurus',
      component: () => import('../views/Taurus.vue')
    },
    {
      path: '/Pisces',
      name: 'Pisces',
      component: () => import('../views/Pisces.vue')
    },
    {
      path: '/Leo',
      name: 'Leo',
      component: () => import('../views/Leo.vue')
    },
    {
      path: '/Aquarius',
      name: 'Aquarius',
      component: () => import('../views/Aquarius.vue')
    },
    {
      path: '/Sagittarius',
      name: 'Sagittarius',
      component: () => import('../views/Sagittarius.vue')
    }
  ]
})

export default router
